// Copyright 2015 Google Inc. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

@import '../../variables';

.kd-nav {
  background-color: transparent;
  font-size: $body-font-size-base;
  height: 100%;
  padding-top: $baseline-grid;
  white-space: nowrap;
  width: $nav-width;

  &.md-closed {
    // Remove "!important" when https://github.com/angular/material/issues/9425 is fixed
    &.md-locked-open-add-active {
      min-width: $nav-width !important;
      width: $nav-width !important;
    }
  }

  // Next rule is to only show the scrollbar on hover, but always enable scrolling.
  &:not(:hover) {
    &::-webkit-scrollbar-thumb {
      background-color: transparent;
    }
  }

  // Children of kd-nav should not shrink to prevent layout issues on IE.
  &>* {
    flex-shrink: 0;
  }
}

kd-nav,
.kd-nav {
  overflow: hidden;
  overflow-y: auto;

  // Next rule is to only show the scrollbar on hover, but always enable scrolling.
  &:not(:hover) {
    &::-webkit-scrollbar-thumb {
      background-color: transparent;
    }
  }
}

.kd-nav-group {
  margin-right: $baseline-grid;
}

.kd-nav-group-divider {
  border-top: 1px solid $border;
  margin-bottom: 2 * $baseline-grid;
  margin-right: 1 * $baseline-grid;
  margin-top: $baseline-grid;
}

.kd-about {
  color: $foreground-3;
}
